
<body style="overflow: hidden">
<script>
jQuery(function() {
	jQuery('.scroll-pane').jScrollPane();
});
</script>
<script type="text/javascript" src="<?php echo base_url('skin/js/summary.js'); ?>"></script>


<div class="fbcont" id="orderSummary">
	<div class="bannersaktofb"></div>
	<div id="phoneGalleryfbnobg">

		<div class="width791c padding20 alignCenter textBlue z5 fontLight">
			<a href="<?php  echo site_url('welcome'); ?>" class="block posabsofb fontBold textBlue textdecounderfb textdecounderrev font12fb">Home</a> 
        </div>

		<div class="width791c comparesfb3">
		
			<div class="alignCenter ordsersumhiderfb">
				<h1 class="header36 marg10 textLight">Order summary</h1>
				<p class="text16 marg10Top">Please review your order before clicking the <b>Confirm</b> button.</p>
			</div>

			<div class="alignCenter statusrebatehiderfb" id="statusSummary" style="display:none">
				<h1 class="header33  textBold">Your GoGADGETS prepaid bundle details</h1>
				<p class="text20 marg0 textBold">Status: <span class="greenText"> Completed</span></p>
				<p class="text16 marg10Top ">The registration period has been completed.</p>
			</div>

			<div class="alignCenter rebatebord statusrebatehiderfb ">
				<p class="text16 marg0 textBold">Amount of savings received to date: <span class="text16 textReg">P 50.00</span></p>
				<p class="text16 marg0 textBold">Total savings for the chosen registration period: <span class="text16 textReg">P1,324.00
				</span></p>
			</div>		
			
			<div class="planCode plancodehiderfb margbot40" style="display: none">
				<div class="floatLeft box1">
				<img class="marg20Top" src="<?php echo base_url('skin/images/goGadgetsMini.png'); ?>" width="94" height="105" alt=""/>
				</div>

				<div class="floatLeft box2">
					<h1 class="marg0 header24">Congratulations, <span id="nameReturned"></span>!</h1><h1 class="marg0 header24">You&#39;ve successfully registered to a GoGADGETS prepaid device bundle.</h1>
					<h2 class="header30 marg10Top marg15bot textBold underLine">Your plan code is <span id="planCodemismo"></span></h2>
					<p class="text14 marg0">Your reference number has been sent to your Globe Prepaid mobile number and email. Please make sure that you have your reference number and registration summary ready when you go to your chosen Globe Store for gadget pickup. You&#39;ll receive a notification within 48 hours indicating your gadget pickup details.</p>
				</div>
				<span class="clear"></span>
			</div>		
			
			<div class="phoneSum">
				<div class="floatLeft imgHolder2 alignCenter">
					<img src="<?php if(isset($_COOKIE['fb_imgsrc'])) echo $_COOKIE['fb_imgsrc']; ?>" width="128" height="128" alt=""/>
					<a href="#" class="block font14fb textdecounderrev textBold marg40Top" id="changedevice">Change gadget</a>
				</div>

				<div class="floatLeft information2">
					<div class="plancodeulinefb plancodefbtogel1" style="display:none">Plan Code: 99994444</div>
					<p class="text20 marg0 fontLight"><?php if(isset($_COOKIE['fb_gadget'])) echo $_COOKIE['fb_gadget']; ?></p>

					<ul class="text14">
						<li>
							<p class="text16 marg0"><?php if(isset($_COOKIE['fb_choosePromo'])) echo $_COOKIE['fb_choosePromo']; ?></p>
							<p class="margptb5pxfb">With <?php if(isset($_COOKIE['fb_promodesc'])) echo $_COOKIE['fb_promodesc']; ?> data</p>
							<p class="margptb5pxfb"> Valid for 15 days</p>
							<p class="margptb5pxfb">Must subscribe twice a month throughout the registration period.</p>
						</li>
						<li>
							<p class="text16 marg0">Registration period and savings</p>
							<p class="margptb5pxfb"><?php if(isset($_COOKIE['fb_months'])) echo $_COOKIE['fb_months']; ?></p>
							<p class="margptb5pxfb">Total savings of <?php if(isset($_COOKIE['fb_totalrebate'])) echo $_COOKIE['fb_totalrebate']; ?> (<?php if(isset($_COOKIE['fb_rebateamt'])) echo $_COOKIE['fb_rebateamt']; ?> per registration to <?php if(isset($_COOKIE['fb_choosePromo'])) echo $_COOKIE['fb_choosePromo']; ?>)</p>
						</li>
					</ul>
					<a id="changepromodetails" href="#" class="block font14fb textdecounderrev textBold marg20topbotyv plancodefbtogel2">Change promo details</a>
				</div>

				<div class="floatLeft priceList2">
					<div class="darkGrayBg">
						<p>Upon pick up of your gadget, total cash out required is:</p>
					</div>
					<table>
						<tbody>
							<tr class="font14fb">
								<td><?php if(isset($_COOKIE['fb_gadget'])) echo $_COOKIE['fb_gadget']; ?></td>				
								<td class="alignRight">P<?php if(isset($_COOKIE['fb_price'])) echo $_COOKIE['fb_price']; ?></td>
							</tr>
							<tr  class="font14fb">
								<td><?php if(isset($_COOKIE['fb_choosePromo'])) echo $_COOKIE['fb_choosePromo']; ?></td>
								<td class="alignRight"><?php if(isset($_COOKIE['fb_promoprice'])) echo $_COOKIE['fb_promoprice']; ?></td>
							</tr>
							<tr class="fontBold font18fb">
								<td><p class="customsumfbmarg fontpahabolmodsummaryfb">Total Cash Out</p></td>
								<td><p class="customsumfbmarg fontpahabolmodsummaryfb"><?php if(isset($_COOKIE['fb_totalcash'])) echo $_COOKIE['fb_totalcash']; ?></p></td>
							</tr>
						</tbody>
					</table>
					<div class="darkGrayBg">
						<p>With your savings, the discounted gadget price is:</p>
					</div>
					<table>
						<tbody>
							<tr class="font14fb">
								<td><?php if(isset($_COOKIE['fb_gadget'])) echo $_COOKIE['fb_gadget']; ?></td>				
								<td class="alignRight">P<?php if(isset($_COOKIE['fb_price'])) echo $_COOKIE['fb_price']; ?></td>
							</tr>
							<tr  class="font14fb">
								<td>Total Savings</td>
								<td class="alignRight"><?php if(isset($_COOKIE['fb_totalrebate'])) echo $_COOKIE['fb_totalrebate']; ?></td>
							</tr>
							<tr class="fontBold font18fb">
								<td><p class="customsumfbmarg fontpahabolmodsummaryfb">Discounted <br> Gadget Price</p></td>
								<td><p class="customsumfbmarg fontpahabolmodsummaryfb alignRight"><?php if(isset($_COOKIE['fb_discounted'])) echo $_COOKIE['fb_discounted']; ?></p></td>
							</tr>
						</tbody>
					</table>
				</div>
				<span class="clear"></span>

			</div>		
			
			<div class="phoneSum2 phonesumhiderfb text14">
				<div class="phoneSum2A floatLeft">
					<div><p class="textBold inBlock width215">Mobile number </p> <p class="inBlock"><span id="sum-mobtel"><?php if(isset($_COOKIE['fb_mobtel'])) echo $_COOKIE['fb_mobtel']; ?></span> <a href="#." class="inBlock linkColor marg20Left sumedittoghiderfb textdecounderrev textBold" id="changemobtel">Edit</a></p></div>
					<div><p class="textBold inBlock width215">Name</p> 				   <p class="inBlock"><?php if(isset($_COOKIE['fb_sumname'])) echo $_COOKIE['fb_sumname']; ?> <a href="#." class="inBlock linkColor marg20Left sumedittoghiderfb textdecounderrev textBold" id="changeuserprofile">Edit</a></p></div>
					<div><p class="textBold inBlock width215">Nickname</p> 			   <p class="inBlock"><?php if(isset($_COOKIE['fb_nname'])) echo $_COOKIE['fb_nname']; ?></p></div>
					<div><p class="textBold inBlock width215">Email address</p>  		   <p class="inBlock"><?php if(isset($_COOKIE['fb_eadd'])) echo $_COOKIE['fb_eadd']; ?></p></div>
					<div><p class="textBold inBlock width215 sumothernumtoghiderfb">Other contact number</p>   <p class="inBlock sumothernumtoghiderfb"><?php if(isset($_COOKIE['fb_othercont'])) echo $_COOKIE['fb_othercont']; ?></p></div>
					<div><p class="textBold inBlock width215">Date of birth</p>  		   <p class="inBlock"><?php if(isset($_COOKIE['fb_bday'])) echo $_COOKIE['fb_bday']; ?></p></div>
					<div><p class="textBold inBlock width215">Home address</p>		   <p class="inBlock"><?php if(isset($_COOKIE['fb_address'])) echo $_COOKIE['fb_address']; ?></p></div>
					<div><p class="textBold inBlock width215">Globe Store branch</p>     <p class="inBlock"><?php if(isset($_COOKIE['fb_globestore'])) echo $_COOKIE['fb_globestore']; ?> <a href="#." class="inBlock linkColor marg20Left sumedittoghiderfb textdecounderrev textBold" id="changestore">Change</a></p></div>
				</div>
				
				<span class="clear"></span>
				
				<div class="alignCenter printhidersumfb" style="display:none">
					<a href="#" class="buttonBlue Pricesmallfixdyn2 text14 marg20Top">Print</a>
				</div>
			</div>		
			
			<p class="text14 margbot80" id="footnote"><b>Note:</b> The device selected is subject to availability. You'll receive a notification should there be any changes in your registration.</p>
			
			<div class="phoneSum3">
				<h1 class="header28 marg20Top">Terms and conditions</h1>

				<div class="termsACondition scroll-pane">

					<p class="marg0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam in rhoncus elit, nec pellentesque nisl. Praesent egestas metus condimentum pulvinar gravida. Vivamus cursus dolor velit, eget porta nisi pharetra vitae. Morbi congue urna neque, sit amet sodales erat varius sit amet. Pellentesque vitae diam dapibus, tincidunt justo eu, faucibus ante. Mauris mollis quam ut turpis pulvinar, eu consectetur urna tristique. Donec molestie pellentesque felis, vel consectetur felis iaculis ut. 
				Morbi congue urna neque, sit amet sodales erat varius sit amet. Pellentesque vitae diam Etiam in rhoncus elit, nec pellentesque nisl. Praesent egestas metus condimentum pulvinar gravida. Vivamus cursus dolor velit, eget porta nisi pharetra vitae. Morbi congue urna neque, sit amet sodales erat varius sit amet. Pellentesque vitae diam dapibus, tincidunt justo eu, faucibus ante. Mauris mollis quam ut turpis pulvinar, eu consectetur urna trisen</p>
					<p class="marg0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam in rhoncus elit, nec pellentesque nisl. Praesent egestas metus condimentum pulvinar gravida. Vivamus cursus dolor velit, eget porta nisi pharetra vitae. Morbi congue urna neque, sit amet sodales erat varius sit amet. Pellentesque vitae diam dapibus, tincidunt justo eu, faucibus ante. Mauris mollis quam ut turpis pulvinar, eu consectetur urna tristique. Donec molestie pellentesque felis, vel consectetur felis iaculis ut. 
				Morbi congue urna neque, sit amet sodales erat varius sit amet. Pellentesque vitae diam Etiam in rhoncus elit, nec pellentesque nisl. Praesent egestas metus condimentum pulvinar gravida. Vivamus cursus dolor velit, eget porta nisi pharetra vitae. Morbi congue urna neque, sit amet sodales erat varius sit amet. Pellentesque vitae diam dapibus, tincidunt justo eu, faucibus ante. Mauris mollis quam ut turpis pulvinar, eu consectetur urna trisen</p>

				</div>

				<label  class="customCheckbox marg10 margtop20fb text16">
					<input type="checkbox" value="" name="" id="agree" /><span class="checkbg marg10Right"></span>
					<span class="textBlue">I accept the terms and conditions</span>
				</label>

				<a href="#." class="floatRight marg10 textBlue"><span class="printIcon"></span>Print terms and conditions</a>

				<span class="clear"></span>

				<a href="#." class="buttonBlue Pricesmallfixdyn2 disable floatRight text14 marg20Top" id="confirm"> Confirm</a>
				<span class="clear"></span>
			</div>
            
		</div>	
			
    </div>   
</div>  

	<div class="dialog_overlay"></div> 
	<div id="modalmobtel" style="display:none">                 
            <div  class="modalStyle">
            <a href="#" class="closeIcon"></a>
             <h1 class="header30 textLight">Edit Globe Prepaid number</h1>
             
             <div class="planCodeBox">
                <input class="inputText floatLeft width350" id="mobile_number2" placeholder="09xxxxxxxxx" maxlength="11"/>
                <a id="submit_mobtel2" class="floatLeft buttonBlue text20 marg10Left">Send Code</a>
				<p class="errorBox error1">The mobile number format is invalid. Please enter an 11-digit Globe Prepaid number.</p>
                <p class="errorBox error2">You entered the same number.</p>
                <span class="clear"></span>
                
                <div id="verificationCode2" class="ValidateBox marg10Top" style="display:none">
                	<p class="text14 marg0">We sent you a text message with the verification code. Please enter the code below.</p>
                	<input id="verif_code2" class="inputText floatLeft width215 marg10Top" placeholder="" maxlength="6"/><a id="validate_verif_code2" class="floatLeft buttonBlue text14 marg10Left marg20Top" style="margin-top:17px"> Validate</a>
					<div class="errorBox2 marg10Top">You entered an incorrect code.</div>
                    <span class="clear"></span>
                </div>
                
                 <label  class="customCheckbox marg10Top"><input type="checkbox" value=""  name="" /><span class="checkbg marg10Right"></span>
              <span>I don't have a Globe Prepaid number</span></label>
               <span class="clear"></span>
              
              
              
              <div class="alignCenter marg20Top">
              <a id="savechanges" class="buttonBlue text14 marg10Left marg10Top disable">Save Changes</a>
              </div>
              
          
             </div>       
          
        </div>            
		
	</div>